<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/memories.css">
</head>

<body>
    <!-- 背景音乐 -->
    <div style="display:none">
        <!-- 网易云外链 -->
        <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
            src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"></iframe>
    </div>
    <div class="bgcolor">
        <div style="z-index:100;" id="dowebok">
            <!--第一屏-->
            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box11">
                    <div class="ly-imgbox11">
                        <img class="ly-img11" src="img/WechatIMG11.jpeg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>
            </div>
            <!--第二屏-->
            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box11">
                    <div class="ly-txt12">
                    </div>
                    <div class="ly-imgbox11">
                        <img class="ly-img11" src="img/WechatIMG8.jpeg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>
            </div>

            <!--第三屏-->
            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box11">
                    <div class="ly-txt12">
                    </div>
                    <div class="ly-imgbox11">
                        <img class="ly-img11" src="img/WechatIMG9.jpeg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>
            </div>
            <!--第四屏-->
            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box11">
                    <div class="ly-imgbox11">
                        <img class="ly-img11" src="img/WechatIMG2.jpeg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>
            </div>
        </div>
        <!--动态方块-->
        <ul class="bg-bubbles">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>

    </div>
    <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->

    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <!-- <script src="js/auto-play.js"></script> -->
    <script src="js/memories.js"></script>
</body>

</html>